/*
 * 2016.12.01
 * 依赖：bootstrap.css  jquery.js  bootstrap.js
 * 作用： 信息模态框；（一个按钮  确认）
 * 参数：msg：展示信息
 * 参数：title：模态框标题
 * 参数：callback：点击确认后的回调函数
 */

function showMsgDialog(msg, callback, title) {
	var content = "";
	var titleInfo = "消息框";
	if(msg) {
		content = msg;
	}
	if(title) {
		titleInfo = title;
	}

	var dialog = initModal(titleInfo, content, false);
	var yesBtn = $(dialog).find("button[yesBtn=true]");
	$(yesBtn).click(function() {
		$(dialog).modal('hide').remove();
		if(callback) {
			callback();
		}
	})
	$(dialog).modal({
		backdrop: "static"
	});
}

/*
 * 依赖：bootstrap.css  jquery.js  bootstrap.js
 * 作用： 确认信息模态框；（两个按钮 确认/取消）
 * 参数：msg：展示信息；
 * 参数：title：模态框标题；
 * 参数：callback：点击确认后的回调函数；
 */
function showConfirmDialog(msg, callback, title) {
	var content = "";
	var titleInfo = "消息框";

	if(msg) {
		content = msg;
	}
	if(title) {
		titleInfo = title;
	}

	var dialog = initModal(titleInfo, content, true);
	var yesBtn = $(dialog).find("button[yesBtn=true]");
	var noBtn = $(dialog).find("button[noBtn=true]");

	$(yesBtn).click(function() {
		$(dialog).modal('hide').remove();
		if(callback) {
			callback(true);
		}
	})
	$(noBtn).click(function() {
			$(dialog).modal('hide').remove();
			if(callback) {
				callback(false);
			}
		})
		/*此处可以配置参数，详情见 bootstrap 中的modal.js */
		/*backdrop:static ==>鼠标点击弹出框之外的地方，弹出框不消失；*/
	$(dialog).modal({
		backdrop: "static"
	});
}

/*
 * 作用： 动态创建dialog 组件
 * 参数：title：弹出框标题
 * 参数：content：弹出信息
 * 参数：boolean：true为confirmDialog-->两个按钮；
 *             false为showMessageDialog：一个确认按钮；
 */
function initModal(title, content, boolean) {
	var mId = "myModal";
	var mTitle = title || "消息框";
	var mContent = content || "这里是内容";
	var doubleBtn = boolean;
	var obj = $("<div>");
	var oBtn = $("<button>");
	
	var winH=$(window).height();
	var marT=(winH-200)/2;
	
	var dialog = obj.clone().addClass("modal").attr("tabindex", -1).attr("id", mId);
	var mdDialog = obj.clone().addClass("modal-dialog");
		mdDialog.css("margin-top",marT);
	var mcDialog = obj.clone().addClass("modal-content");

	var ohBtn = oBtn.clone().addClass("close").attr("data-dismiss", "modal").html("<span>&times;</span>");
	var ohH = $("<h4>").addClass("modal-title").html(mTitle);

	var ofBtn1 = oBtn.clone().addClass("btn btn-default").attr({
		"data-dismiss": "modal",
		"yesBtn": "true"
	}).html("确定");
	var ofBtn2 = oBtn.clone().addClass("btn btn-default").attr({
		"data-dismiss": "modal",
		"noBtn": "true"
	}).html("取消");

	var mHead = obj.clone().addClass("modal-header");
	mHead.append(ohBtn, ohH);
	var mbody = obj.clone().addClass("modal-body");
	mbody.append($("<p>").html(mContent));
	var mfoot = obj.clone().addClass("modal-footer").css("text-align", "center");
	if(doubleBtn) {
		mfoot.append(ofBtn1, ofBtn2);
	} else {
		mfoot.append(ofBtn1);
	}

	mcDialog.append(mHead, mbody, mfoot);
	mdDialog.append(mcDialog);
	dialog.append(mdDialog);
	$("body").append(dialog);
	return dialog;
}